<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>财务管理系统</title>
		<script>
			if(window != window.top) top.location.href = self.location.href;
		</script>
		<link href="${BASE_PATH}/static/lib/layui/css/layui.css" rel="stylesheet" />
		<link href="${BASE_PATH}/static/lib/font-awesome/css/font-awesome.css" rel="stylesheet" />
		<link href="${BASE_PATH}/static/build/css/login.css" rel="stylesheet" />
		<link href="${BASE_PATH}/static/lib/sideshow/css/normalize.css" rel="stylesheet" />
		<link href="${BASE_PATH}/static/lib/sideshow/css/demo.css" rel="stylesheet" />
		<link href="${BASE_PATH}/static/lib/sideshow/css/component.css" rel="stylesheet" />
		<!--[if IE]>
        <script src="${BASE_PATH}/static/lib/sideshow/js/html5.js"></script>
    <![endif]-->
		<style>
			canvas {
				position: absolute;
				z-index: -1;
			}
			
			.kit-login-box header h1 {
				line-height: normal;
			}
			
			.kit-login-box header {
				height: auto;
			}
			
			.content {
				position: relative;
			}
			
			.codrops-demos {
				position: absolute;
				bottom: 0;
				left: 40%;
				z-index: 10;
			}
			
			.codrops-demos a {
				border: 2px solid rgba(242, 242, 242, 0.41);
				color: rgba(255, 255, 255, 0.51);
			}
			
			.kit-pull-right button,
			.kit-login-main .layui-form-item input {
				background-color: transparent;
				color: white;
			}
			
			.kit-login-main .layui-form-item input::-webkit-input-placeholder {
				color: white;
			}
			
			.kit-login-main .layui-form-item input:-moz-placeholder {
				color: white;
			}
			
			.kit-login-main .layui-form-item input::-moz-placeholder {
				color: white;
			}
			
			.kit-login-main .layui-form-item input:-ms-input-placeholder {
				color: white;
			}
			
			.kit-pull-right button:hover {
				border-color: #009688;
				color: #009688
			}
		</style>
	</head>

	<body class="kit-login-bg">
		<div class="container demo-1">
			<div class="content">
				<div id="large-header" class="large-header">
					<canvas id="demo-canvas"></canvas>
					<div class="kit-login-box">
						<header>
							<h1>财务管理系统</h1>
						</header>
						<div class="kit-login-main">
							<form action="${BASE_PATH}/admin/index.htm" class="layui-form" method="post">
								<div class="layui-form-item">
									<label class="kit-login-icon">
                                    <i class="layui-icon">&#xe612;</i>
                                </label>
									<input id="phone" type="text" name="phone" value="admin" lay-verify="required" autocomplete="off" placeholder="这里输入用户名" class="layui-input">
								</div>
								<div class="layui-form-item">
									<label class="kit-login-icon">
                                    <i class="layui-icon">&#xe642;</i>
                                </label>
									<input id="password" type="password" name="password" value="123456" lay-verify="required" autocomplete="off" placeholder="这里输入密码" class="layui-input">
								</div>
								<div class="layui-form-item">
									<!--<div class="kit-pull-left kit-login-remember">
										<input type="checkbox" name="rememberMe" value="true" lay-skin="primary" checked title="记住帐号">
									</div>-->
									<div class="kit-pull-right">
										<button class="layui-btn layui-btn-primary" lay-submit lay-filter="login">
                                        <i class="fa fa-sign-in" aria-hidden="true"></i> 登录
                                    </button>
									</div>
									<div class="kit-clear"></div>
								</div>

								<footer>
									<!--<div class="kit-pull-right">
										<div class="kit-pull-left kit-login-remember">
											<a style="color: #FFFFFF;" href="">忘记密码？</a>
										</div>-->
								</footer>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /container -->

		<script src="${BASE_PATH}/static/lib/layui/layui.js"></script>
		<script src="${BASE_PATH}/static/lib/sideshow/js/TweenLite.min.js"></script>
		<script src="${BASE_PATH}/static/lib/sideshow/js/EasePack.min.js"></script>
		<script src="${BASE_PATH}/static/lib/sideshow/js/rAF.js"></script>
		<script src="${BASE_PATH}/static/lib/sideshow/js/demo-1.js"></script>
		<script>
			layui.use(['layer', 'form'], function() {
				var layer = layui.layer,
					$ = layui.jquery,
					form = layui.form;

				//监听提交
				form.on('submit(login)', function(data) {
				
				//var userName = encode64($("#username").val());
				//var password = encode64($("#password").val());
				//console.dir(userName);
				//console.dir(password)
				var phone = $("#phone").val();
				var password = $("#password").val();
					//弹出loading
		            var loginLoading = top.layer.msg('登陆中，请稍候', {icon: 16, time: false, shade: 0.8});
		            //记录ajax请求返回值
		            var ajaxReturnData;
		
		            //登陆验证
		            $.ajax({
		                url: '${BASE_PATH}/admin/loginCheck',
		                type: 'post',
		                async: false,
		                data: {
		                	phone:phone,
		                	password:password
		                },
		                success: function (data) {
		                    ajaxReturnData = data;
		                }
		            });
		            //登陆成功
		            if (ajaxReturnData.code == 200) {
		                top.layer.close(loginLoading);
		                return true;
		            } else {
		                top.layer.close(loginLoading);
		                top.layer.msg(ajaxReturnData.msg);
		                return false;
		            }
				});

			});
		</script>
	</body>

</html>